<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>盒子1</div>
    <div>盒子2</div>
    <div>盒子3</div>
    <script>
//查找一个元素
 // document.querySelector 内置的对象，的方法
const divdom=document.querySelector('div')
// 打印 dom 对象，建议用console.dir
console.dir(divdom)
setTimeout(()=>{
divdom.innerHTML='大家好,我是练习时长两年半的偶像练习生'
},2000)

//查询多个参数
  // divArr 有 length 属性，有 forEach
  // 但是没有 push，filter 等数组的其他方法
  // 所以他叫做【伪数组】，有 length 属性，通过下标取值
  const divArr = document.querySelectorAll('div')
  console.log(divArr)
  setTimeout(()=>{
    divArr.forEach(v=>{
        v.innerHTML='🐓叫~'
    })
  },3000)



    </script>
</body>
</html>